<template>
    <div class="contractDraftDetail">
        <div class="conwritten-off">
            <!--面包屑部分-->
            <div class="ccui-navigation" ref="noPrintTop">
                <el-button
                    size="mini"
                    type="primary-icon-medium"
                    icon="icon-ccui-return"
                    @click="handleBack"
                >返回
                </el-button>
                <div class="ccui-navigation-divider"/>
                <el-breadcrumb
                    class="ccui-navigation-crumbs-container"
                    separator-class="el-icon-arrow-right"
                >
                    <el-breadcrumb-item
                        :to="{ path: $store.getters.getBreadcrumb('level1').path }"
                    >{{
                            $store.getters.getBreadcrumb("level1").name
                        }}
                    </el-breadcrumb-item
                    >
                    <el-breadcrumb-item
                        :to="{
              path: '/settlement-management/settlement-maintenance-approval/settlement-maintenance-all'
            }"
                    >结算管理
                    </el-breadcrumb-item
                    >
                    <el-breadcrumb-item
                        :to="{
              path: '/settlement-management/equipment-preserve/ListAll'
            }"
                    >设备采购结算管理
                    </el-breadcrumb-item
                    >
                    <el-breadcrumb-item :to="{ path: '/settlement-management/equipment-approval/ListAll' }">结算单审批
                    </el-breadcrumb-item>
                    <el-breadcrumb-item>
                        <span>审批</span>
                        <span class="ccui-curr-crumb ccui-ml-10">
              {{ breadcrumbName }}
            </span>
                    </el-breadcrumb-item>
                </el-breadcrumb>
            </div>
        </div>
        <!--主体部分-->
        <writeOffDetail :key="wareaKey"/>
        <approvalOperate/>
    </div>
</template>

<script>
import writeOffDetail from "@/app/settlement-management/equipment/eq_writeOff/views/item_detail";
import approvalOperate from "@/basa/components/public/approval/approval-operate";
export default {
    components: {writeOffDetail, approvalOperate},
    activated() {
        this.businessDataList = JSON.parse(
            sessionStorage.getItem("businessDataList")
        );
        this.breadcrumbName = this.businessDataList.settlementName;
    },
    data() {
        return {
            breadcrumbName: "",
            businessDataList: "",
            wareaKey: new Date().getTime()
        };
    },
    methods: {
        handleBack() {
            this.$router.push(
                "/settlement-management/settlementApproval/settlement-list-pending"
            );
        }
    }
};
</script>

<style lang="scss" scope>
.contractDraftDetail {
    .ccui-navigation {
        display: none;
    }
    
    .el-bottom-guide {
        display: none;
    }
}

.conwritten-off {
    .ccui-navigation {
        display: block;
    }
}
</style>
